<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h:form id="form">
		<center>
		 <center><h1 class="title ui-widget-header ui-corner-all">#{message['mantenimiento.proveedores.tittle']}</h1></center>  
	<p:panel   id="panel"  >
	        <p:messages showDetail="true"/>	
			
			<p:panelGrid columns="2" cellpadding="5">						
			
			<h:outputText value="#{message['proveedor.codigo']}"  />
			<p:inputText value="#{mantenimientoProveedorFormAction.objProveedor.codproveedor}" required="true" label="Codigo" 
			requiredMessage="#{message['proveedor.codigo.validation']}" readonly="true" style="width:220px;font-weight:bold"  rendered="#{!mantenimientoProveedorFormAction.newRecord}"/>
			<p:inputMask id="codigo" mask="aaa999" value="#{mantenimientoProveedorFormAction.objProveedor.codproveedor}" required="true" label="Codigo" 
			requiredMessage="#{message['proveedor.codigo.validation']}" rendered="#{mantenimientoProveedorFormAction.newRecord}" style="width:220px;font-weight:bold"  />
			
			<p:outputLabel value="#{message['proveedor.numruc']}" for="numruc" />
			<p:inputMask id="numruc" mask="99999999999" value="#{mantenimientoProveedorFormAction.objProveedor.numruc}" required="true" label="numruc" 
			requiredMessage="#{message['proveedor.numruc.validation']}" style="width:220px;font-weight:bold"  />
			
			<p:outputLabel value="#{message['proveedor.razonsocialempresa']}" for="razonsocialempresa" />
			<p:inputText id="razonsocialempresa" value="#{mantenimientoProveedorFormAction.objProveedor.razonsocial}" required="true" label="Razon Social"
			requiredMessage="#{message['proveedor.razonsocialempresa.validation']}"  style="width:220px;font-weight:bold"  />
			
			<p:outputLabel value="#{message['proveedor.nombrecomercial']}" for="nombrecomercial" />
			<p:inputText id="nombrecomercial" value="#{mantenimientoProveedorFormAction.objProveedor.nombrecomercial}" required="false" label="Nombre Comercial"
			requiredMessage="#{message['proveedor.nombrecomercial.validation']}" style="width:220px;font-weight:bold" />
			
			<p:outputLabel value="#{message['proveedor.contacto']}" />
			<p:inputText id="contacto" value="#{mantenimientoProveedorFormAction.objProveedor.personacontacto}"
			 style="width:220px;font-weight:bold"  />	
								
			<p:outputLabel for="tipo" value="#{message['proveedor.tipoDoc']}"  id="tipoL"/>
            <p:selectOneMenu id="tipo" requiredMessage="#{message['proveedor.tipoDoc.validation']}" value="#{mantenimientoProveedorFormAction.tipoDocumento}" required="true" style="width:230px;font-weight:bold"  styleClass="required" title="El tipo es obligatorio!" >
            <f:selectItem itemLabel="Seleccione una opción" itemValue="#{null}" />
            <f:selectItems  value="#{comboAction.tipoDocumentoitems}" />
            <p:ajax update="nrodoc"></p:ajax>
            </p:selectOneMenu>
            <h:outputText value="#{message['proveedor.nrodoc']}"  />
			<h:panelGroup id="nrodoc" >
			<p:inputMask value="#{mantenimientoProveedorFormAction.objProveedor.numdocumentoproveedor}" mask="99999999" required="true" label="nrodoc"
			requiredMessage="#{message['proveedor.nrodoc.validation']}" rendered="#{mantenimientoProveedorFormAction.tipoDocumento==1}" style="width:220px;font-weight:bold" />
			
			<p:inputMask value="#{mantenimientoProveedorFormAction.objProveedor.numdocumentoproveedor}" mask="99999999999" required="true" label="nrodoc"
			requiredMessage="#{message['proveedor.nrodoc.validation']}"	rendered="#{mantenimientoProveedorFormAction.tipoDocumento==2}" style="width:220px;font-weight:bold"/>
            </h:panelGroup>
			                    
			<p:outputLabel value="#{message['proveedor.direccion']}" for="direccion" />            
            <p:inputTextarea id="direccion" value="#{mantenimientoProveedorFormAction.objProveedor.direccion}"  label="Direccion"
			 maxlength="100" cols="30" rows="2" style="width:220px;font-weight:bold"  autoResize="false"  />
			
			<p:outputLabel  value="#{message['proveedor.telefono']}" for="telefono"  />
			<p:inputMask id="telefono" mask="9999999" value="#{mantenimientoProveedorFormAction.objProveedor.telefono}" style="width:220px;font-weight:bold"  />
			
			<p:outputLabel  value="#{message['proveedor.celular']}" for="celular"  />
			<p:inputMask  id="celular" mask="999999999" value="#{mantenimientoProveedorFormAction.objProveedor.celular}" style="width:220px;font-weight:bold" />
			
			<p:outputLabel value="#{message['proveedor.otros']}" for="otros" />            
            <p:inputTextarea id="otros" value="#{mantenimientoProveedorFormAction.objProveedor.otros}"  label="otros"
             maxlength="500"  rows="2" autoResize="false" style="width:220px;font-weight:bold"  />
			
		    <f:facet name="footer">
          <center>  <p:commandButton id="btn" value="#{message['rsltd.guardar']}" update="panel" action="#{mantenimientoProveedorFormAction.insertar}" ajax="false" icon="ui-icon-check"  />
            <p:commandButton value="#{message['rsltd.regresar']}" action="#{mantenimientoProveedorSearchAction.listar}" immediate="true" ajax = "false"  icon="ui-icon-circle-arrow-w"/>
            </center>
            </f:facet>				
		</p:panelGrid>	
	</p:panel>	 </center>           
</h:form>
	</ui:define>
</ui:composition>